<!doctype html>
<html class="no-js" lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>五采云 | 开放式云采访 - 图书馆管理系统，图书馆自动化系统，基于互联网的图书馆采访系统</title>
        <meta name="description" content="五采云-开放式云采访 - 图书馆管理系统，图书馆自动化系统，是专门用于图书馆采访新书使用，云架构，云采访，读者书店购书，图书馆买单，可以同步图书馆自动化系统，可以对接书目数据。">
        <meta name="keywords" content="开放云式采访 | 图书馆管理系统 | 图书馆自动化系统 | 图书馆采访系统 | 互联网图书馆采访系统">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <!-- Favicon Icon -->
        <link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico">
		
		<!-- Google Fonts -->
		<link href="//fonts.cat.net/css?family=Poppins:400,600" rel="stylesheet"> 
		
		<!-- all css here -->
        <link rel="stylesheet" href="css/bootstrap.min.css">
        <link rel="stylesheet" href="css/font-awesome.min.css">
        <link rel="stylesheet" href="css/animate.css">
        <link rel="stylesheet" href="css/owl.carousel.css">
        <link rel="stylesheet" href="css/slick.css">
        <link rel="stylesheet" href="css/meanmenu.min.css">
        <link rel="stylesheet" href="style.css">
        <link rel="stylesheet" href="css/responsive.css">
        <link rel="stylesheet" href="fonts/wucai/css/wucai.css">
        <script src="js/vendor/modernizr-2.8.3.min.js"></script>
        <style type="text/css">
            .sticky .logo img {
             width: 130px !important;   
            }
           .banner-image-wrapper {
               padding-right: 90px;
           }
           .banner-image-cell img {
               max-width: 360px;
           }
           .banner-text .title1 {
               color: yellow;
           }
           .feature-image-content img {
               max-width: 670px;
           }
           .bg-1 {
               background-size: auto;
           }
           .bg-2 {
               background-image: none;
               background-size: 450px;
               background-position: 120px 250px;
           }
           .newsletter-area {
               padding-bottom: 25px;
           }
           .newsletter-info {
               text-align: right;
               padding-right: 30px;
               width: 35%;
           }
           .newsletter-form form {
               float: left;
               margin-top: 20px;
           }
           .icon-liu {
              font-size: 35px;
              color: #fefefe;
              z-index: 1;
              position: relative;
            }
            .service-icon::before {
              z-index: -10px;
            }
            .faq-title-image {
                padding-top: 10px;
            }
            .faq-wrapper {
                padding-bottom: 20px;
            }
            .fun-factor-area .active h4,
            .fun-factor-area .active .fun-icon{
                color: rgba(0, 145, 234, 0.95) !important;
            }
            .intro-panel > div {
                display: none;
                margin-top: 10px;
                padding: 0 10px;
                border-top: 2px solid #ddd;
            }
            .intro-panel > div.active {
                display: block;
            }
            .intro-panel .img {
                padding: 18px;
                text-align: center;
            }
            .intro-panel .text {
                padding: 10px;
            }
            .workflow-section {
                text-align: center;
                padding-bottom: 50px;
            }
        </style>
       
    </head>
    <body>
        <!--[if lt IE 8]>
        <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->
    	<!-- Header Area Start -->
		<header class="header-area fixed">
            <div class="container">
                <div class="row">
                    <div class="col-md-2 col-sm-4 col-xs-6">
                        <div class="logo">
                            <a href="index.html"><img src="img/logo.png" alt="AirIP" width="210px"></a>
                        </div>
                    </div>
                    <div class="col-md-8 hidden-sm hidden-xs">
                        <div class="main-menu text-center">
                            <nav>
                                <ul id="nav">
                                    <li class="active"><a href="#banner">首页</a></li>
                                    <li><a href="#feature">操作流程</a></li>
                                    <li><a href="#voiprate">价格体系</a></li>
                                    <li><a href="#support">服务支持</a></li>
                                    <li><a href="#service">功能特点</a></li>
                                    <li><a href="#contact">联系我们</a></li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                    <div class="col-md-2 col-sm-4 hidden-xs">
                        <!--<button class="modal-view nav-btn" data-toggle="modal" data-target="#productModal"><i class="fa fa-bars"></i><span>Sign In / Sign Up</span></button> -->
                        <a href="/user"><button class="nav-btn" ><i class="fa fa-bars"></i></button></a>
                    </div>
                    <div class="col-md-12">
                       <div class="mobile-menu  hidden-lg hidden-md">
                            <nav>
                                <ul>
                                    <li class="active"><a href="#banner">首页</a></li>
                                    <li><a href="#feature">操作流程</a></li>
                                    <li><a href="#voiprate">价格体系</a></li>
                                    <li><a href="#support">服务支持</a></li>
                                    <li><a href="#service">功能特点</a></li>
                                    <li><a href="#contact">联系我们</a></li>
                                    <li><a href="/user">用户登录</a></li>
                                </ul>
                            </nav>
                        </div>
                    </div> 
                </div>
            </div>
		</header>
		<!-- Header Area End -->
		<!-- Banner Area Start -->
		<div id="banner" class="banner-area bg-blue bg-1 fix">
		    <div class="container-fluid">
                <div class="banner-image-wrapper">
                    <div class="banner-image">
                        <div class="banner-image-cell">
                            <img src="img/banner/2.png" alt="开放式采访示意图">
                        </div>
                    </div>
                </div>  
                <div class="banner-text">
                    <div class="text-content-wrapper">
                        <div class="text-content">
                            <h1 class="title1">读者借书更方便</h1>
                            <h1 class="title2">图书馆采购新书更简单！</h1>
                            <p>基于互联网最新的图书馆采访模式，读者借到最新的书，图书馆也采购到最新的书，让新书流通率提升100%。</p>
                            <div class="banner-button">
                                <a class="default-btn button" href="/user">登录</a>	                
                                <a class="default-btn button" href="/docs/五采云操作说明文档.pdf">下载说明文档</a>	                
                            </div>
                        </div>
                    </div>
                </div>
		    </div>
		</div>
		<!-- Banner Area End -->
		<!-- feature Area Start -->
		<div id="feature" class="service-area bg-2">
		    <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <div class="single-service-container">
                            <div class="single-service-item">
                                <div class="service-icon">
                                    <div class="service-icon-cell">
                                        <i class="icon-1duxuanshu icon-liu" ></i>
                                        <!--<img src="img/icon/voip.png" alt=""> -->
                                    </div>
                                </div>
                                <div class="service-text">
                                    <span>读者</span>
                                    <span>去书店选书</span>
                                </div>
                            </div>
                            <div class="single-service-item">
                                <div class="service-icon">
                                    <div class="service-icon-cell">
                                        <i class="icon-2dujieyue icon-liu" ></i>
                                        <!--<img src="img/icon/pbx.png" alt="">-->
                                    </div>
                                </div>
                                <div class="service-text">
                                    <span>读者</span>
                                    <span>去柜台借阅</span>
                                </div>
                            </div>
                            <div class="single-service-item">
                                <div class="service-icon">
                                    <div class="service-icon-cell">
                                        <i class="icon-3dianjieyue icon-liu" ></i>
                                        <!--<img src="img/icon/sip.png" alt="">-->
                                    </div>
                                </div>
                                <div class="service-text">
                                    <span>店员</span>
                                    <span>核对并办理借阅</span>
                                </div>
                            </div>
                            <div class="single-service-item">
                                <div class="service-icon">
                                    <div class="service-icon-cell">
                                        <i class="icon-4duhuanshu icon-liu" ></i>
                                        <!--<img src="img/icon/clock.png" alt="">-->
                                    </div>
                                </div>
                                <div class="service-text">
                                    <span>读者</span>
                                    <span>到图书馆还书</span>
                                </div>
                            </div>
                            <div class="single-service-item">
                                <div class="service-icon">
                                    <div class="service-icon-cell">
                                        <!--<i class="icon-5tujiesuan icon-liu" ></i>-->
                                        <img src="img/icon/resi.png" alt="">
                                    </div>
                                </div>
                                <div class="service-text">
                                    <span>图书馆</span>
                                    <span>入库并与书店结算</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="service-section">
                    <div class="row">
                        <div class="col-lg-6 col-md-6 col-sm-12 workflow-section">
                            <img src="img/workflow.png" />
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                            <div class="service-container">
                                <h2>图书馆如何使用</h2>
                                <div class="service-column">
                                    <div class="service-item">
                                        <h3>1. 开通五采云帐号</h3>
                                        <p>首先，在五采云注册，经过审核认证，按照本馆的实际需求，开通对应级别的服务帐号。</p>
                                    </div>
                                    <div class="service-item">
                                        <h3>2. 选择可采购书店</h3>
                                        <p>登录后台选择可采购的书店列表，如果没有，则联系目标书店，我们会为书店免费开通帐号加入系统。</p>
                                    </div>
                                    <div class="service-item">
                                        <h3>3. 设置借阅规则</h3>
                                        <p>设置本馆借阅规则，如超过100元的、教材教辅类的不能借阅。然后再设置单个书店的规则，如该店每月不能超过100本。</p>
                                    </div>
                                    <div class="service-item">
                                        <h3>4. 处理还书业务</h3>
                                        <p>读者从书店借阅到新书，读完后到图书馆还书，图书馆人员需要登录本系统，确认借阅书籍是否正确，如果正确，点击还书。.</p>
                                    </div>
                                    <div class="service-item">
                                        <h3>5. 处理书店结算</h3>
                                        <p>图书馆可以根据借书情况，每月生成一批采购订单，管理员可以打印订单，核对无误后付款给图书馆，在后台标记已支付。</p>
                                    </div>
                                    <div class="service-item">
                                        <h3>6. 绩效和报表统计</h3>
                                        <p>我们后台提供了强大的统计和报表功能，图书馆可以根据自身需求，按年季度等查看响应的报表，进行绩效考评。</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
		    </div>
		</div>
		<!-- feature Area End -->
		<!-- Newsletter Fun Area Strat -->
		<div class="newsletter-fun-area">
            <div class="newsletter-area">
                <div class="newsletter-bg">
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-10 col-lg-offset-1 col-sm-12 col-xs-12">
                                <div class="newsletter-container">
                                    <div class="newsletter-info">
                                       <img src="img/qrcode-support.png" width="160px"/>
                                    </div>
                                    <div class="newsletter-form">
                                        <h3>我要免费试用！</h3>
                                        <h3 class="text-light">拨打右侧电话，或者微信扫二维码联系客服。</h3>
                                        <form action="#" id="mc-form" class="mc-form fix">
                                            <input id="mc-email" type="email" name="email" placeholder="" value="销售热线（微信）：15710785163">
                                            <button id="mc-submit" type="submit"><i class="fa fa-send"></i></button>  
                                        </form>
                                        <!-- mailchimp-alerts Start -->
                                        <div class="mailchimp-alerts">
                                            <div class="mailchimp-submitting"></div><!-- mailchimp-submitting end -->
                                            <div class="mailchimp-success"></div><!-- mailchimp-success end -->
                                            <div class="mailchimp-error"></div><!-- mailchimp-error end -->
                                        </div>
                                        <!-- mailchimp-alerts end -->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>    
            </div>
            <div class="fun-factor-area">
                <div class="container">
                    <div class="section-title text-center">
                       <h2>图书馆体系解决方案介绍</h2>
                    </div>
                    <div class="row">
                        <div class="col-md-2 col-sm-2">
                            <div class="single-fun-factor active" data-id="intro-ils">
                                <div class="fun-icon"><i class="icon-zidonghua"></i></div>
                                <h4>图书馆自动化系统</h4>
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="single-fun-factor" data-id="intro-wechatapp">
                                <div class="fun-icon"><i class="icon-xiaochengxu"></i></div>
                                <h4>微信小程序</h4>
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="single-fun-factor" data-id="intro-obas">
                                <div class="fun-icon"><i class="fa fa-usb"></i></div>
                                <h4>开放式采访</h4>
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="single-fun-factor" data-id="intro-wechat">
                                <div class="fun-icon"><i class="fa fa-wechat"></i></div>
                                <h4>微信图书馆</h4>
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="single-fun-factor" data-id="intro-app">
                                <div class="fun-icon"><i class="fa fa-mobile"></i></div>
                                <h4>移动图书馆APP</h4>
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <div class="single-fun-factor" data-id="intro-bigdata">
                                <div class="fun-icon"><i class="fa fa-bar-chart"></i></div>
                                <h4>图书馆大数据展示</h4>
                            </div>
                        </div>
                    </div>

                    <div class="row intro-panel">
                        <div id="intro-ils" class="active">
                            <div class="img">
                                <img src="img/intro/ils.png" alt="图书馆自动化管理系统" />
                            </div>
                            <div class="text">
                                "图书馆自动化系统"是我们推出的一款基本的图书馆业务管理系统，实现了传统的采访、编目、流通、期刊管理、系统管理、OPAC检索与报表等子系统；内含操作员权限管理、读者管理、著者管理、图书分类管理、订单管理、借还丢失处理等，附带报表统计、财务等功能；可适用于多操作系统，能够适应图书馆自动化、网络化管理、图书借阅管理系统化的需求。
                            </div>
                        </div>
                        <div id="intro-wechatapp">
                            <div class="img">
                                <img src="img/intro/wechatapp.png" alt="图书馆微信小程序"/>
                            </div>
                            <div class="text">
                                "图书馆微信小程序"是我们专为图书馆读者打造的一款微信小程序应用产品。我们将图书馆的传统业务，如：馆藏查询、图书续借、图书预约、读者证挂失等，搬到了手机微信上，让读者不用到图书馆，就能随时随地的办理图书馆业务。
                                “图书馆微信小程序”具备：响应速度快、用户体验佳、功能拓展性强、无需安装卸载应用程序等特点，并采用了与微信一致的交付方式。小程序应用最大的优点就是备：简洁快速，直达目的，为用户带来有别于微信公众号平台及APP的更佳的操作体验   
                            </div>
                        </div>
                        <div id="intro-obas">
                            <div class="img">
                              <img src="img/intro/obas.png" alt="图书馆开放式采访"/>
                            </div>
                            <div class="text">
                              "图书馆开放式采访系统"是我们推出的一款基于互联网、基于O2O2C的一种新的采访模式，是让读者能从书店直接把新书借走，由图书馆与书店之间完成结算的系统。
                              本系统颠覆了传统的图书馆采访形式，让读者参与到图书馆的采访过程，促进了图书馆采访业务的科学性，使图书得到合理的使用和流通。
                            </div>
                        </div>
                        <div id="intro-wechat">
                            <div class="img">
                              <img src="img/intro/wechat.png" alt="图书馆及时微信客户端"/>
                            </div>
                            <div class="text">
                               “微信图书馆”是我们推出的微信图书馆微信公众号应用，通过微信平台，向读者推送图书馆的最新资源、服务与活动信息，读者通过微信平台查看图书馆推送及展示信息内容；可进行馆藏查询、绑定/解绑读者证、电子证件借书、资源访问、活动报名、图书续借、预约及看对应历史记录等功能。
                            </div>
                        </div>
                        <div id="intro-app">
                            <div class="img">
                              <img src="img/intro/app.png" alt="图书馆移动APP"/>
                            </div>
                            <div class="text">
                              “图书馆APP”我们推出的图书馆APP应用，具备图书馆用的基本业务应用，又可以随时扩展其他应用，可以为图书馆读者提供手机端业务服务平台，主要功能包括：周边图书馆、扫码借/还书、读书记录、预约记录、续借、证件挂失、书目检索、预约/取消预约、个人资料展示及修改等功能。                                    
                            </div>
                        </div>
                        <div id="intro-bigdata">
                            <div class="img">
                              <img src="img/intro/bigdata.png" alt="图书馆及时数据展示" />
                            </div>
                            <div class="text">
                              “图书馆大数据统系统”是我们推出的数据展示系统，是图书馆评级中30分以上的重要指标。我们通过对接图书馆自动化系统，获数据分析统计加工，最后展示给用户。包括：实时流通量数据、总馆藏数据、总流通量数据、读者总数数据、总编目数据、新书通报数据、最新借书数据等，进行大数据统计分析，并以图形、表格等形式通过PC端、手机端、大屏终端等展示其大数据统计分析的结果。                                    
                            </div>
                        </div>
                            
                    </div>
                </div>
            </div>
		</div>
		<!-- Newsletter Fun Area End -->
		<!-- Pricing Area Start -->
		<div id="voiprate" class="pricing-area ptb-100">
		    <div class="container">
                <div class="row">
                    <div class="col-lg-6 col-lg-offset-3">
                        <div class="section-title text-center">
                            <h2>服务价格</h2>
                            <p>我们针对不同需求，提供了多种方案和报价，如果您有更多需求请联系客服。</p>
                        </div>
                    </div>
                </div>
		        <div class="row">
		            <div class="col-md-3 col-sm-4">
		                <div class="single-table">
		                    <div class="table-title">
		                        <h4>免费试用版</h4>
		                        <h1>free</h1>
		                        <h5>免费试用3个月</h5>
		                    </div>
		                    <div class="table-content">
		                        <span>所有功能与标准版相同。</span>
		                        <span class="line-through">免费的技术在线支持</span>
		                        <span class="line-through">免费的在线开通帐号指导</span>
		                        <span class="line-through">提供免对接自动化系统的解决方案</span>
		                        <span class="line-through">可以自由导入导出书目数据</span>
		                        <span>可以随时升级到高级版本</span>
		                        <button class="default-btn table-btn"><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=3486762716&site=qq&menu=yes">咨询购买</a></button>
		                    </div>
		                </div>
		            </div>
		            <div class="col-md-3 col-sm-4">
		                <div class="single-table best-pack">
		                    <div class="table-title">
		                        <h4>基础在线版</h4>
		                        <h1>800/<span>月</span></h1>
		                        <h5>1个帐号</h5>
		                    </div>
		                    <div class="table-content">
		                        <span>支持1个图书馆1个书店</span>
		                        <span>7*24小时、99%不当机在线</span>
		                        <span>随时可以增加多个书店设置</span>
		                        <span>所有的数据均可导出</span>
                                <span>随时在线技术响应支持</span>
                                <span class="line-through">优惠对接其他自动化系统</span>
		                        <button class="default-btn table-btn"><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=3486762716&site=qq&menu=yes">咨询购买</a></button>
		                    </div>
		                </div>
		            </div>
		            <div class="col-md-3 col-sm-4">
		                <div class="single-table">
		                    <div class="table-title">
		                        <h4>独立部署版</h4>
		                        <h1>50000/<span>套</span></h1>
		                        <h5>单个服务器</h5>
		                    </div>
		                    <div class="table-content">
                                <span>免费部署、免费安装调试</span>
                                <span>支持3个交易书店配置</span>
                                <span>免费对接图书馆自动化系统</span>
                                <span>支持负载均衡、数据库双机热备</span>
		                        <span>可以随时升级帐号，增加书店个数</span>
		                        <span class="line-through">优惠对接书目数据同步</span>
		                        <button class="default-btn table-btn"><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=3486762716&site=qq&menu=yes">咨询购买</a></button>
		                    </div>
		                </div>
		            </div>
		            <div class="col-md-3 hidden-sm">
		                <div class="single-table">
		                    <div class="table-title">
		                        <h4>高级定制版</h4>
		                        <h1>价格待定</h1>
		                        <h5>根据需求定制</h5>
		                    </div>
		                    <div class="table-content">
		                        <span>支持对接各种自动化系统</span>
		                        <span>支持多馆、多书店模式</span>
		                        <span>支持自定义功能模块</span>
		                        <span>免费的技术维护周期</span>
		                        <span>免费的线下讲座培训</span>
		                        <span>所有数据安全，可以随意导出</span>
		                        <button class="default-btn table-btn"><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=3486762716&site=qq&menu=yes">咨询购买</a></button>
		                    </div>
		                </div>
		            </div>
		        </div>
		    </div>
		</div>
		<!-- Pricing Area End -->
		<!-- Make Call Area Start -->
		<div class="make-call-area">
            <div class="make-call-title bg-light pt-100">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-7 col-md-9">
                            <div class="section-title">
                                <h2>即刻获取体验帐号</h2>
                                <p>我们提供了免费体验帐号，您只需要简单的填写几个基本信息，立刻可以得到体验帐号。</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="make-call-registration bg-light">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">
                            <h3>提交信息获取帐号</h3>
                            <form action="#" method="post">
                                <div class="form-box fix">
                                    <input type="text" name="name" placeholder="姓名" required>
                                    <input type="text" name="org" placeholder="单位" required>
                                    <input type="text" name="number" placeholder="手机号码">
                                    <select name="price">
                                        <option value="1">我是图书馆员</option>
                                        <option value="2">我是书店人员</option>
                                        <option value="3">我是商业公司</option>
                                        <option value="4">我是代理销售</option>
                                    </select>
                                    <button type="submit" class="submit-btn"><i class="fa fa-phone"></i></button>
                                </div> 
                            </form>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="call-button" data-toggle="modal" data-target="#productModal">
                                <a class="default-btn">点击获取帐号</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
		</div>
		<!-- Make Call Area End -->
		<!-- FAQ Area Start -->
		<div id="support" class="faq-area pt-90 pb-60">
		    <div class="container">
		        <div class="row">
		            <div class="col-md-5">
		                <div class="faq-left-sec">
                            <div class="faq-title-image fix">
                                <div class="faq-title">
                                    <h2>FAQ :</h2>
                                    <h3>主要问题解答</h3>
                                </div>
                                <div class="faq-image">
                                    <img src="img/faq.png" alt="">
                                </div>
                            </div>
		                    <div class="faq-wrapper fix">
                                <p>如何设置借阅规则：每个图书馆都可以在后台设置借阅规则，包括：单本价格限制、每月/每年借阅总额度限制、不可借阅图书分类，每人最大可借几本等，多个纬度设置，以及可以配置自定义接口，自定义限制规则。 </p>
                                <p>如何处理还书操作：读者在书店借阅完成，需要到图书馆还书，默认情况下，需要图书馆馆员进行办理，登录系统，点击还书操作即可，目前尚不能进行自助还书，需要该功能可以与自助机对接操作。</p>
                                <p>如何对接书目信息：书店的书目信息可以通过后台的书目导入工具，直接导入excel格式的书目信息，此外如果书店有接口，也可以通过接口直接对接。</p>
                            </div>
		                </div>
		            </div>
		            <div class="col-lg-6 col-md-7">
                        <div class="panel-group" id="order-review" role="tablist" aria-multiselectable="true">   
                            <div class="panel panel-default">
                                <div class="panel-heading" role="tab" id="headingOne">
                                    <h4 class="panel-title">
                                        <a role="button" data-toggle="collapse" data-parent="#order-review" href="#one">
                                            <span></span> 单个馆是否支持同时与多个书店进行借阅和结算？
                                        </a>
                                    </h4>
                                </div>    
                                <div id="one" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
                                    <div class="panel-body">     
                                        <p>支持。每个图书馆可以支持无限多个图书馆，只需添加图书馆帐号，然后与图书馆关联即可，并且可以设置每一个书店的配额，可借阅类型等参数，可以精确的控制每个书店的相关操作，并且，后台可以与相关的图书馆进行结算。</p>
                                        <span class="arrow"></span>
                                    </div>
                                </div>           
                            </div>
                            <div class="panel panel-default">
                                <div class="panel-heading" role="tab" id="headingThree">
                                    <h4 class="panel-title">
                                        <a class="collapsed" role="button" data-toggle="collapse" data-parent="#order-review" href="#three">
                                            <span></span> 是否一定要同步书目数据?
                                        </a>
                                    </h4>
                                </div>    
                                <div id="three" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
                                    <div class="panel-body">     
                                        <p>可以不用。读者在借书的时候，在自动化系统里面，使用提前预订的一个书目信息，比如《开放式采访0501》，然后让其借阅该书即可。真正的借阅书目，可以通过开放式采访系统查询。</p>
                                        <span class="arrow"></span>
                                    </div>
                                </div>
                            </div>
                            <div class="panel panel-default">
                                <div class="panel-heading" role="tab" id="headingTwo">
                                    <h4 class="panel-title">
                                        <a class="collapsed" role="button" data-toggle="collapse" data-parent="#order-review" href="#two">
                                            <span></span> 在书店借阅之后，是否会在自动化系统里面生成借阅记录?
                                        </a>
                                    </h4>
                                </div> 
                                <div id="two" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
                                    <div class="panel-body">     
                                        <p>有两种操作模式：1. 对接借阅接口，自动调用图书馆的借阅接口，即可生成借阅记录。2. 登录自动化系统收工操作，点击借阅，这种方式无需对接接口。</p>
                                        <span class="arrow"></span>
                                    </div> 
                                </div>
                            </div>
                        </div>
		            </div>
		        </div>
		    </div>
		</div>
		<!-- FAQ Area End -->
		<!-- service Area Start -->
		<div id="service" class="feature-area bg-light pt-90 pb-60 fix">
		    <div class="container">
                <div class="row">
                    <div class="col-lg-6 col-md-8">
                        <div class="section-title">
                            <h2>主要功能特点</h2>
                            <p>“五采云图书馆开放式采访系统”功能完善、数据流清晰，可对接任何图书馆自动化系统的接口，从而实现服务一体化、业务网络化、采购开放化。</p>
                        </div>
                    </div>
                </div>
		        <div class="row">
		            <div class="col-md-12">
		                <div class="feature-image-content">
                            <div class="about-image wow fadeInLeft" data-wow-duration="2s" data-wow-delay=".3s">
                                <img src="img/banner/4.png" alt="" class="floatright">
                            </div>
		                </div>
		                <div class="feature-text-content wow fadeInRight" data-wow-duration="2s" data-wow-delay="2s">
		                    <div class="feature-wrapper">
		                        <div class="single-feature">
		                            <div class="feature-icon">
		                                <i class="fa fa-bar-chart"></i>
		                            </div>
		                            <div class="feature-text">
		                                <h3>最简化的借还流程</h3>
		                                <p>书店人员只需扫读者证+图书馆ISBN号即可借书，图书馆管理员只需点击还书操作即可更新用户的流通信息。</p>
		                            </div>
		                        </div>
		                        <div class="single-feature">
		                            <div class="feature-icon">
		                                <i class="fa fa-headphones"></i>
		                            </div>
		                            <div class="feature-text">
		                                <h3>最少的接口对接</h3>
		                                <p>只需要对接读者认证接口即可，其他的书目、借还接口，可以不必对接，通过手动操作实现相同的功能。</p>
		                            </div>
		                        </div>
		                        <div class="single-feature">
		                            <div class="feature-icon">
		                                <i class="fa fa-ioxhost"></i>
		                            </div>
		                            <div class="feature-text">
		                                <h3>清晰的角色划分</h3>
		                                <p>我们通过三种角色划分：书店操作员、图书馆流通人员、图书馆管理员，清晰的分配了不同角色的职能，完成了整个采购的过程。</p>
		                            </div>
		                        </div>
		                        <div class="single-feature">
		                            <div class="feature-icon">
		                                <i class="fa fa-headphones"></i>
		                            </div>
		                            <div class="feature-text">
		                                <h3>一体化的书目对接</h3>
		                                <p>可以通过本系统，直接将书目信息推送到图书馆自动化系统里面，实现自动采购图书+书目录入。</p>
		                            </div>
		                        </div>
		                        <div class="single-feature">
		                            <div class="feature-icon">
		                                <i class="fa fa-ioxhost"></i>
		                            </div>
		                            <div class="feature-text">
		                                <h3>开通帐号即刻使用</h3>
		                                <p>开通帐号即可使用，无需服务器、无需安装系统等繁琐的操作，维护运维统统我们搞定。</p>
		                            </div>
		                        </div>
		                    </div>
		                </div>
		            </div>
		        </div>
		    </div>
		</div>
		<!-- service Area End -->
		<!-- Service Business Area Start -->
		<div class="service-business-area pb-60">
		    <div class="container">
                <div class="service-left">
                    <div class="service-title">
                        <h2>数据流对接及自动化系统对接</h2>
                        <p>开放式采访通过简单的流程，将书店的新书采购到图书馆，数据流清晰，并且可以对接任何自动化系统相应接口，实现服务一体化。</p>
                    </div>
                    <div class="service-content fix">
                        <div class="single-feature">
                            <div class="feature-icon">
                                <i class="fa fa-ioxhost"></i>
                            </div>
                            <div class="feature-text">
                                <h3>对接流通借还接口</h3>
                                <p>可以对接标准的借还接口，用户在书店办理完成，即可实现自动化系统借阅项，数据统一，管理方便。</p>
                            </div>
                        </div>
                        <div class="single-feature">
                            <div class="feature-icon">
                                <i class="fa fa-ioxhost"></i>
                            </div>
                            <div class="feature-text">
                                <h3>对接书目接口</h3>
                                <p>书店可以直接将新书书目导入到系统，通过对接自动化系统书目接口，新书书目可以直接进入图书馆自动化系统，方便采编人员加工处理。</p>
                            </div>
                        </div>
                    </div>  
                    <div class="button-link">
                        <a href="#" class="default-btn">开通帐号</a>
                        <a href="#" class="service">下载详细技术说明文档</a>
                    </div>
		        </div>
		        <div class="service-right">
		            <img src="img/banner/5-1.png" alt="" width="440px">
		        </div>
		    </div>
		</div>
		<!-- Service Business Area End -->
        <!-- Testimonial Area Start -->
        <div class="testimonial-area ptb-100" style="display: none">
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1 text-center">
                        <h2>服务客户</h2>
                        <div class="testimonial-wrapper">
                            <div class="single-testimonial">
                                <h4><a href="#">江门市五邑图书馆</a></h4>
                                <h5>管理员</h5>
                                <p><span>开放式采访系统可以解决我们采购图书的问题，减少了图书馆的采访工作，提高了效率，非常方便。</span></p>
                            </div>
                            <div class="single-testimonial">
                                <h4><a href="#">阳江市图书馆</a></h4>
                                <h5>副馆长</h5>
                                <p><span>开放式采访系统保障了我们图书的借阅率，提高的流通量，保证每一本图书都是读者喜欢的图书。</span></p>
                            </div>
                            <div class="single-testimonial">
                                <h4><a href="#">佛山市图书馆</a></h4>
                                <h5>技术部</h5>
                                <p><span>开放式采访系统的书目、借还对接都非常方便，系统使用比较稳定。</span></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Testimonial Area End -->
        <div id="contact" class="contact-area bg-light pt-60">
            <div class="container">
                <div class="section-title text-center">
                    <h2>联系我们</h2>
                    <p>您可以拨打我们的热线电话、在线QQ服务、微信咨询，或者留下您的联系方式，我们会稍后进行回访。</p>
                </div>
                <div class="row">
                    <div class="col-md-offset-2 col-md-8 text-center">
                        <div class="contact-from">
                            <form id="contact-form" action="mail.php" method="post">
                                <input name="name" type="text" placeholder="姓名">
                                <input name="email" type="text" placeholder="电话">
                                <textarea name="message" placeholder="备注"></textarea>
                                <input class="submit" type="submit" value="提交">
                            </form>
                            <p class="form-messege"></p>
                        </div>
                    </div>
                </div>
                <div class="conatct-info fix">
                    <div class="row">
                        <div class="col-md-4 col-sm-4 text-center">
                            <div class="single-contact-info">
                                <div class="contact-icon">
                                    <i class="fa fa-phone" aria-hidden="true"></i>
                                </div>
                                <div class="contact-text">
                                    <span>
                                         020-6185-7580
                                        <br>
                                         157-1078-5163
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-4 text-center">
                            <div class="single-contact-info res-xs2">
                                <div class="contact-icon">
                                    <i class="fa fa-globe" aria-hidden="true"></i>
                                </div>
                                <div class="contact-text">
                                    <span>
                                        <a href="#">QQ： 3486762716</a>
                                            <br>
                                        <a href="#">邮件：3486762716@qq.com</a>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-4 text-center">
                            <div class="single-contact-info">
                                <div class="contact-icon">
                                    <i class="fa fa-map-marker" aria-hidden="true"></i>
                                </div>
                                <div class="contact-text">
                                    <span>
                                        广州市海珠区新港东路2433号,
                                        <br>
                                        启胜会展产业园，801室。
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="map-area">
            <div class="contact-map">
                <!--<div id="hastech"></div>-->
                <div style="height: 280px; width: 100%; overflow: hidden; position: relative;">
                    <img src="img/map.jpg" style='position: absolute; left: 50%; transform: translateX(-50%);' />
                </div>
            </div>
        </div>
        <!-- Footer Widget Area Start -->
        <div class="footer-widget-area bg-light pb-60">
            <div class="container">
                <div class="row">
                    <div class="col-md-3 col-sm-4">
                        <div class="single-footer-widget">
                            <div class="footer-title">
                                <h1>01</h1>
                                <h2>Contact</h2>
                            </div>
                            <div class="footer-content">
                                <div class="contact-info">
                                    <h4 class="c-content">地址 :	</h4>
                                    <span>广州海珠新港东路2433号<br>启胜园区，801室</span>
                                </div>
                                <div class="contact-info">
                                    <h4 class="c-content">电话 :	</h4>
                                    <span>020 - 6185-7580<br>157-1078-5163</span>
                                </div>
                                <div class="contact-info">
                                    <h4 class="c-content">邮件 :	</h4>
                                    <span>3486762716@qq.com<br>robbinzhao@qq.com</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-4">
                        <div class="single-footer-widget">
                            <div class="footer-title">
                                <h1>02</h1>
                                <h2>Links</h2>
                            </div>
                            <div class="footer-content">
                                <ul class="footer-widget-list">
                                    <li><a href="http://www.nlc.cn/">国家图书馆</a></li>
                                    <li><a href="http://www.zslib.com.cn/">广东省立中山图书馆</a></li>
                                    <li><a href="http://dlib.gdlink.net.cn/">珠三角数字图书馆联盟</a></li>
                                    <li><a href="http://www.xiao-an.com/">晓安科技</a></li>
                                    <li><a href="http://www.5caicloud.com">五采云系统</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-4">
                        <div class="single-footer-widget">
                            <div class="footer-title">
                                <h1>03</h1>
                                <h2>Support</h2>
                            </div>
                            <div class="footer-content">
                                <ul class="footer-widget-list">
                                    <li>服务热线：020-6185-7580</li>
                                    <li>销售热线：15710785163</li>
                                    <li>技术咨询：17017306595</li>
                                    <li>QQ客服：3486762716</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 hidden-sm">
                        <div class="single-footer-widget">
                            <div class="footer-title">
                                <h1>04</h1>
                                <h2>Documents</h2>
                            </div>
                            <div class="footer-content">
                                <ul class="footer-widget-list">
                                    <li><a href="#">技术文档下载</a></li>
                                    <li><a href="#">图书馆操作手册下载</a></li>
                                    <li><a href="#">书店操作手册</a></li>
                                    <li><a href="#">接口对接文档下载</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Footer Widget Area End -->
        <!-- Footer Area Start -->
        <div class="footer-area">
            <div class="container">
                <div class="row">
                    <div class="col-md-12 text-center">
                        <div class="footer-text">
                            <span class="block">Copyright&copy; 2017 五采云.com All rights reserved. <a href="http://www.miitbeian.gov.cn">【粤ICP备16063095】</a> </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Footer Area End -->
        <!-- Login Register Start 
            <div id="quickview-login">
            <div class="modal fade" id="productModal" tabindex="-1" role="dialog">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><i class="fa fa-close"></i></span></button>
                        </div>
                        <div class="modal-body">
                            <div class="header-tab-menu">
                                <ul class="nav nav-tabs" role="tablist">
                                    <li role="presentation" class="active"><a href="#login" aria-controls="login" role="tab" data-toggle="tab">login</a></li>
                                    <li role="presentation"><a href="#register" aria-controls="register" role="tab" data-toggle="tab">Sign Up</a></li>
                                </ul>
                            </div>
                            <div class="tab-content">
                                <div role="tabpanel" class="tab-pane active" id="login"> 
                                    <div class="login-form-container">
                                        <span>Please login using account detail bellow.</span>
                                        <form action="#" method="post">
                                            <input type="text" name="user-name" placeholder="Username">
                                            <input type="password" name="user-password" placeholder="Password">
                                            <div class="button-box">
                                                <div class="login-toggle-btn">
                                                    <input type="checkbox" id="remember">
                                                    <label for="remember">Remember me</label>
                                                    <a href="#">Forgot Password?</a>
                                                </div>
                                                <button type="submit" class="default-btn floatright">Login</button>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                                <div role="tabpanel" class="tab-pane" id="register"> 
                                    <div class="register-form">
                                        <span>Please sign up using account detail bellow.</span>
                                        <form action="#" method="post">
                                            <input type="text" name="user-name" placeholder="Username">
                                            <input type="password" name="user-password" placeholder="Password">
                                            <input type="email" name="user-email" placeholder="Email">
                                            <div class="button-box">
                                                <button type="submit" class="default-btn floatright">Register</button>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>    
						</div>	
					</div>	
				</div>
			</div>
        </div>
        <!-- Login Register End -->

        <div id="quickview-login">
                <div class="modal fade" id="productModal" tabindex="-1" role="dialog">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><i class="fa fa-close"></i></span></button>
                            </div>
                            <div class="modal-body">
                                <div class="header-tab-menu">
                                    <ul class="nav nav-tabs" role="tablist">
                                        <li role="presentation" class="active"><a href="#login" aria-controls="login" role="tab" data-toggle="tab">登录信息</a></li>
                                    </ul>
                                </div>
                                <div class="tab-content">
                                    <div role="tabpanel" class="tab-pane active" id="login"> 
                                        <div class="login-form-container">
                                            <span>请用下面的帐号试用采访系统：</span>
                                            <form action="/user" method="get">
                                              <div style="padding: 5px">书店操作人员：<span style="background-color: Moccasin; padding: 4px;">用户：书店管理员； 密码：123</span></div>
                                              <div style="padding: 5px">图书馆管理员：<span style="background-color: Moccasin;  padding: 4px;">用户：图书馆管理员 ； 密码：123</span></div>
                                              <div style="padding: 5px">图书馆流通员：<span style="background-color: Moccasin;  padding: 4px;">用户：图书馆流通人员 ； 密码：123</span></div>
                                                <div class="button-box" style="margin-top: 10px;">
                                                   <a href="/user"><button class="default-btn floatright">去登录界面</button></a>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                    
                                </div>    
                            </div>	
                        </div>	
                    </div>
                </div>
            </div>
        
		<!-- All js here -->
        <script src="js/vendor/jquery-1.12.4.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script src="js/jquery.nav.js"></script>
        <script src="js/slick.min.js"></script>
        <script src="js/owl.carousel.min.js"></script>
        <script src="js/ajax-mail.js"></script>
        <script src="js/jquery.ajaxchimp.min.js"></script>
        <script src="js/wow.min.js"></script>
        <script src="js/counterup.js"></script>
        <script src="js/jquery.meanmenu.js"></script>
        <script src="js/plugins.js"></script>
        <!-- google map api -->
        <!--
        <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyD_qDiT4MyM7IxaGPbQyLnMjVUsJck02N0"></script>
        <script src="js/map.js"></script>
        -->
        <script src="js/main.js"></script>
        <script type="text/javascript">
            jQuery(function(){
                var $ = jQuery;
                $('.fun-factor-area .single-fun-factor').hover(function(){
                    $('.fun-factor-area .single-fun-factor').removeClass('active');
                    $(this).addClass('active');
                    $('.intro-panel > div').removeClass('active');
                    var el = $(this).attr('data-id');
                    $('#' + el).addClass('active');//.show();
                    console.log(el);
                });
            })
        </script>

<!--Service bar block start -->
    <style type="text/css">
        #servicebar{width:161px;height:290px;position:fixed;top:350px;right:0px; z-index:100;}
        *html #servicebar{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop));}
        #servicebar li{width:161px;height:60px;}
        #servicebar li img{float:right;}
        #servicebar li a {text-decoration: none; height:49px;float:right;display:block;min-width:47px;max-width:161px;}
        #servicebar li a .shows{display:block;}
        #servicebar li a .hides{margin-right:-143px;cursor:pointer;cursor:hand;}
        #servicebar li a.weixin_area .hides{display:none;position:absolute;right:143px;}
        #servicebar li a.weixin_area .weixin{display:none;position:absolute;right:0;top:48px}
        #p2{width:112px;background-color:#A7D2A9;height:47px;margin-left:47px;border:1px solid #8BC48D;text-align:center;line-height:47px}
        #p3{width:112px;background-color:#EC9890;height:47px;margin-left:47px;border:1px solid #E6776C;text-align:center;line-height:47px}
        #p1{width:47px;height:49px;float:left}
        #servicebar ol, #servicebar ul{list-style:none}
        #servicebar ol, #servicebar ul,#servicebar li {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent}
    </style>
        
    <div id="servicebar">
        <ul>
            <li>
                <a href="javascript:void(0)" class="weixin_area">
                    <img src="http://cdn.xiao-an.com/sites/default/assets/servicebar/l02.png" width="47" height="49" class="shows" />
                    <img src="http://cdn.xiao-an.com/sites/default/assets/servicebar/a.png" width="57" height="49" class="hides" />
                    <img src="http://cdn.xiao-an.com/sites/default/assets/servicebar/weixin.png" width="145" class="weixin" style="display:none;margin:-100px 57px 0 0" />
                </a>
            </li>
            <li>
                <a href="http://wpa.qq.com/msgrd?v=3&uin=3486762716&site=qq&menu=yes" target="_blank" title="点击QQ对话" alt="点击QQ对话">
                    <div class="hides" style="width:161px;display:none;" id="qq">
                        <div class="hides" id="p1">
                            <img src="http://cdn.xiao-an.com/sites/default/assets/servicebar/ll04.png">
                        </div>
                        <div class="hides" id="p2"><span style="color:#FFF;font-size:13px">3486762716</span>
                        </div>
                    </div>
                    <img src="http://cdn.xiao-an.com/sites/default/assets/servicebar/l04.png" width="47" height="49" class="shows" />
                </a>
            </li>
            <li id="tel">
                <a href="javascript:void(0)">
                    <div class="hides" style="width:161px;display:none;" id="tels">
                        <div class="hides" id="p1">
                            <img src="http://cdn.xiao-an.com/sites/default/assets/servicebar/ll05.png">
                        </div>
                        <div class="hides" id="p3"><span style="color:#FFF;font-size:12px">020-6185-7580</span>
                        </div>
                    </div>
                    <img src="http://cdn.xiao-an.com/sites/default/assets/servicebar/l05.png" width="47" height="49" class="shows" />
                </a>
            </li>
            <li id="btn">
                <a id="top_btn">
                    <div class="hides" style="width:161px;display:none">
                        <img src="http://cdn.xiao-an.com/sites/default/assets/servicebar/ll06.png" width="161" height="49" />
                    </div>
                    <img src="http://cdn.xiao-an.com/sites/default/assets/servicebar/l06.png" width="47" height="49" class="shows" />
                </a>
            </li>
        </ul>
    </div>
    <script type="text/javascript">
        jQuery(function() {
            var $ = jQuery;
            var root = $('#servicebar');
            $("a", root).hover(function() {
                if ($(this).prop("className") == "weixin_area") {
                    $(this).children("img.hides").show();
                } else {
                    $(this).children("div.hides").show();
                    $(this).children("img.shows").hide();
                    $(this).children("div.hides").animate({marginRight: '0px'}, '0');
                }
            }, function() {
                if ($(this).prop("className") == "weixin_area") {
                    $(this).children("img.hides").hide();
                } else {
                    $(this).children("div.hides").animate({marginRight: '-163px'}, 0, function() {
                        $(this).hide();
                        $(this).next("img.shows").show();
                    });
                }
            });

            $("#top_btn", root).click(function() {
                $("html,body").animate({scrollTop: 0}, 600);
            });

            //右侧导航 - 二维码
            $(".weixin_area").hover(function() {
                $(this).children(".weixin").show();
            },function(){
                $(this).children(".weixin").hide();
            })

            //滚动了再显示
            root.hide();
            triggerVisible = false;
            $(window).scroll(function () {
                if ($(window).scrollTop() > 300) {
                    if (!triggerVisible) {
                        root.show('slow');
                        triggerVisible = true;
                    }
                }
                else {
                    if (triggerVisible) {
                        root.hide('slow');
                        triggerVisible = false;
                    }
                }
            });

        });
    </script>
<!-- Service bar END -->

<!--Baidu Analytics-->
      <script>
        var _hmt = _hmt || [];
        (function() {
          var hm = document.createElement("script");
          hm.src = "https://hm.baidu.com/hm.js?7ef7bfde40bf35e4c5fca31a9cc294ab";
          var s = document.getElementsByTagName("script")[0]; 
          s.parentNode.insertBefore(hm, s);
        })();
        </script>
        
    </body>
</html>
